// 定义一个函数
import { createVNode, render } from 'vue'
import Message from './index.vue'
const div = document.createElement('div')
document.body.appendChild(div)
export function $Message ({ type, text }) {
  // 书写以函数形式调用组件的逻辑
  // 1.type text 会作为 prop传入
  // createVNode（Message，{ type,text}） -》VNode
  // 2.render渲染Message组件到真实dom中
  // render（VNode，body下的直接子元素节点中）
  // 3.两秒钟之后消失
  // render（null, div）
  let timer = null
  const VNode = createVNode(Message, { type, text })
  render(VNode, div)
  clearTimeout(timer)
  timer = setTimeout(() => {
    render(null, div)
  }, 2000)
}
